<%--
  Created by IntelliJ IDEA.
  User: 隼
  Date: 2017/1/14
  Time: 14:51
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>登录页面</title>
    <script type="text/javascript" src="${pageContext.request.contextPath }/static/js/jquery-1.4.4.min.js"></script>
    <script type="text/javascript">
        //跳转注册页面
        function signup(){
            var urli="${pageContext.request.contextPath }/sun/signDemo_1";

            alert(""+urli);
            window.location=urli;
        }

        //进行登录初步验证并连接服务器
        function verify() {
            alert("登录");
            var cname = $("#userName").val();
            if (cname == "" || cname == null) {
                alert("用户名不能为空");
                $("#password").val("");    ///如果用户名为空，清空密码域
            }else{
               // alert(cname);
                var cpassword=$("#password").val();
                //alert(cpassword);
                if(cpassword==null||cpassword==""){
                    alert("密码不能为空");
                }else{
                    $.ajax({
                        ajax:"false",
                        type: "POST",            //http请求方式
                        url: "${pageContext.request.contextPath }/sun/landS",    //服务器段url地址
                        data: "name=" + cname+"&password="+cpassword,           //发送给服务器段的数据
                        dataType: "xml",  //告诉JQuery返回的数据格式
                        success: callback  //定义交互完成，并且服务器正确返回数据时调用的回调函数
                    });
                }
            }
        }

        function callback(data){
            alert("接收数据");
            var pass=$(data).find("pass").text();
            var how=$(data).find("how").text();
            if(pass=="YES"){
                alert($(data).find("how").text());
                window.location = "http://www.baidu.com";
            }else{
                alert($(data).find("how").text());
                if($(data).find("how").text()!="密码错误"){
                $("#userName").val("");}else{
                    $("#password").val("");
                }
                $("#password").val("");
            }

        }


    </script>
</head>
<body>

<div align="center">
    <h3>用户名</h3><br>
    <input type="text" id="userName" /><br>
    <h2>密码</h2><br>
    <input type="password" id="password" /><br>
    <input type="button" value="登录" onclick="verify()"/>
    <input type="button" value="注册" onclick="signup()"/>
</div>

</body>
</html>
